﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ucFeatureProduct.ascx.cs" Inherits="Sotipha.Web.Views.Home.ucFeatureProduct" %>
<link href="../Home/Css/feature.css" rel="stylesheet" type="text/css" />
<script src="../../Js/Jquery/plugins/jquery.contentcarousel.js" type="text/javascript"></script>
<script src="../../Js/Jquery/plugins/jquery.mousewheel.js" type="text/javascript"></script>
<script src="../../Js/Jquery/plugins/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="../Home/Js/view.featureproducts.js" type="text/javascript"></script>
<div class="feature">
    <div class="bd">
        <label class="lbtt"><asp:Literal ID="ltrFeature" runat="server">Featured products</asp:Literal> </label>
        <div class="container">
            <div id="ca-container" class="ca-container">
                <div class="ca-nav">
                    <span class="ca-nav-prev">Previous</span><span class="ca-nav-next">Next</span></div>
                <div class="ca-wrapper" style="overflow: hidden;">
                   <%-- <div class="ca-item ca-item-1" style="position: absolute; left: 0px;">
                        <div class="ca-item-main">
                            <div class="image">
                                <a href="#">
                                    <img src="../../Upload/Product/sp3.png"></a>
                            </div>
                            <div class="tt">
                                <a href="#">Curabitur ut adipiscing mauris.</a></div>
                        </div>
                    </div>
                    <div class="ca-item ca-item-2" style="position: absolute; left: 198px;">
                        <div class="ca-item-main">
                            <div class="image">
                                <a href="#">
                                    <img src="../../Upload/Product/sp3.png"></a>
                            </div>
                            <div class="tt">
                                <a href="#">Curabitur ut adipiscing mauris.</a></div>
                        </div>
                    </div>
                    <div class="ca-item ca-item-3" style="position: absolute; left: 396px;">
                        <div class="ca-item-main">
                            <div class="image">
                                <a href="#">
                                    <img src="../../Upload/Product/sp3.png"></a>
                            </div>
                            <div class="tt">
                                <a href="#">Curabitur ut adipiscing mauris.</a></div>
                        </div>
                    </div>
                    <div class="ca-item ca-item-4" style="position: absolute; left: 594px;">
                        <div class="ca-item-main">
                            <div class="image">
                                <a href="#">
                                    <img src="../../Upload/Product/sp3.png"></a>
                            </div>
                            <div class="tt">
                                <a href="#">Curabitur ut adipiscing mauris.</a></div>
                        </div>
                    </div>
                    <div class="ca-item ca-item-5" style="position: absolute; left: 792px;">
                        <div class="ca-item-main">
                            <div class="image">
                                <a href="#">
                                    <img src="../../Upload/Product/sp3.png"></a>
                            </div>
                            <div class="tt">
                                <a href="#">Curabitur ut adipiscing mauris.</a></div>
                        </div>
                    </div>--%>

                       <asp:Literal ID="ltrProduct" runat="server"></asp:Literal>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $(function () {
        setInterval(function () { $('.ca-nav-next').click() }, 3000);
    });
</script>